﻿<%@ Page Title="" Language="C#" MasterPageFile="~/huongnghiep/frontend.Master" AutoEventWireup="true" CodeBehind="list.aspx.cs" Inherits="VQWEB.huongnghiep.university.list" %>
<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server"></asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">    
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 f-content-left">
        <!-- Thanh điều hướng -->
        <ol class="breadcrumb">
            <li><a href="/trang-chu.html">Trang chủ</a></li>
            <li><a href="/danh-sach-truong.html">Danh sách trường</a></li>
        </ol>
        <!--/ Thanh điều hướng -->
        <!-- Box search Tìm kiếm trường đại học -->
        <div class="row f-row">
            <div class="col-md-12">
            <div class="col-lg-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-search"> </i> Tìm kiếm trường đại học - cao đẳng</h4>
            </div>
            </div>
        </div>
        <div class="row">
            <div class="container ffff">
            <div class="col-lg-12 f-gray group">
                <div class="input-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group">
                    <input type="email" class="form-control" id="txtQuery" placeholder="Nhập từ khóa ...">
                    </div>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <select class="form-control" id="plnhomnganh">
                        <option value="-1">- Chọn nhóm ngành nghề -</option>
                    </select>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <select class="form-control" id="plnganh">
                        <option value="-1">- Chọn ngành học -</option>
                    </select>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <select class="form-control" id="plhedaotao">
                        <option value="-1">- Chọn hệ đào tạo -</option>
                    </select>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <select class="form-control" id="plkhoithi">
                        <option value="-1">- Chọn khối thi -</option>
                    </select>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <input type="text" class="form-control" id="pldiem" placeholder="Nhập điểm dự kiến ..."></input>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
                    <select class="form-control" id="pltinhthanh">
                        <option value="-1">- Chọn tỉnh Thành -</option>
                    </select>
                </div>
                <div class="input-group col-lg-4 col-md-4 col-sm-6 col-xs-12 pull-right">
                    <button type="button" class="btn btn-hn btn-block" onclick="doSearch();"><span class="glyphicon glyphicon-search"> </span> Tìm kiếm</button>
                </div>
                </div>
            </div>
        </div>
        <!--/ End Box searh tìm kiếm trường đại học -->
        <!-- Phần TAB -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-screenshot"> </i> Danh sách các trường đại học</h4>
            </div>
            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 f-color f-mar">
                <a href="#" title=""><button type="button" class="btn btn-ss pull-right btn-block" onclick="doCompare();"><i class="glyphicon glyphicon-search"> </i> So sánh</button></a>
            </div>
            </div>
        </div>
        <!--/ End phần TAB -->       
        <!-- Danh sách các trường ĐH -->
        <div class="row" id="pltruong"><!--/ Truong list goes here --></div>
        <!-- Button xem thêm -->
        <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
        <br>
        <button type="button" class="btn btn-hn btn-block" onclick="loadmore();">Xem thêm</button>
        </div>
        <!--/ End button xem thêm -->
        <!--/ End danh sách các trường đại học -->
    </div><!--/ Page content left -->
</asp:Content>
<asp:Content ID="Script" ContentPlaceHolderID="Script" runat="server">
    <script src="/js/jquery.jqote2.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/autoNumeric.js"></script>
    <script type="text/javascript" src="/js/jquery.blockUI.js"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $('#pldiem').autoNumeric('init', { dGroup: '3', aSep: '.', aDec: ',', aSign: '', pSign: 's', vMin: '0.0', vMax: '30.0', wEmpty: 'zero', wEmpty: 'sign' });
        });
    </script>
    <!-- Profession -->
    <script type="text/javascript">
        var pro_url_ashx = "/pro/handler";

        $(document).ready(function () {
            //Bind Search box
            $.blockUI({ message: '<h2> Hệ thống đang xử lý...</h2>' });
            $.post(pro_url_ashx, { cmd: 'FillTraCuu' }, function (data) {
                $.get('/huongnghiep/templates/profession/option.tpl', function (tmpl) {
                    var jsonData = $.parseJSON(data);
                    $("#plnhomnganh").jqoteapp(tmpl,jsonData.nhomnganh);
                    $("#plnganh").jqoteapp(tmpl, jsonData.nganh);
                    $("#plhedaotao").jqoteapp(tmpl, jsonData.hedaotao);
                    $("#plkhoithi").jqoteapp(tmpl, jsonData.khoithi);
                    $("#pltinhthanh").jqoteapp(tmpl, jsonData.tinhthanh);

                    //Keep controls' values
                    $('#txtQuery').val(gup('q')); $("#plnhomnganh").val(gup('nn') == '' ? '-1' : gup('nn')); $("#plnganh").val(gup('n') == '' ? '-1' : gup('n')); $("#plhedaotao").val(gup('h') == '' ? '-1' : gup('h')); $("#plkhoithi").val(gup('k') == '' ? '-1' : gup('k')); $("#pltinhthanh").val(gup('t') == '' ? '-1' : gup('t')); $("#pldiem").val(gup('d'));
                    //Load university
                    doSearch();
                    
                    $.unblockUI();
                });
            });
            $("#plnhomnganh").change(function () {
                $.post(pro_url_ashx, {cmd: "ListNganhByNhom", nhomnganhId: $(this).val() }, function (data) {
                    $.get('/huongnghiep/templates/profession/option.tpl', function (tmpl) {
                        $('#plnganh option:gt(0)').remove();
                        $("#plnganh").jqoteapp(tmpl, $.parseJSON(data));
                    });
                });
            });
        });
        
        var iPage = 1;
        var iBusy = false;
        function doSearch() {
            $("#pltruong").empty();
            loadUniversitys(1);
        }
        function loadUniversitys(curPage) {
            iBusy = true;
            $.blockUI({ message: '<h2> Hệ thống đang xử lý...</h2>' });
            $.post(pro_url_ashx, { cmd: "ListTruong", curPage: curPage, query: $('#txtQuery').val(), nhomnganh: $('#plnhomnganh').val(), nganh: $('#plnganh').val(), he: $('#plhedaotao').val(), khoi: $('#plkhoithi').val(), tinh: $('#pltinhthanh').val(), diem: $('#pldiem').val() }, function (data) {
                $.get('/huongnghiep/templates/university/list.tpl', function (tmpl) {
                    $("#pltruong").jqoteapp(tmpl, $.parseJSON(data));
                    iBusy = false;
//                    $('.container :not(input)').click(function () {
//                        var chk = $(this).find("input");
//                        chk.click();
                    //                    });
                    // Replace source
                    $('#pltruong img').error(function () {
                        $(this).attr('src', '/img/no.jpg');
                    });
                    $.unblockUI();
                });
            });
        }
        function loadmore() {
            iPage += 1;
            loadUniversitys(iPage);
        }
    </script>
    <script type="text/javascript">
        var chk1 = null;
        var chk2 = null;
        var chkCur = null;

        function changeValue(sender) {
            if(chk1 == sender) {
                chk1 = chk2;
                chk2 = null;
                chkCur = null;
            }
            if ($(sender).is(":checked")) {
                if (chk1 == null) {
                    chk1 = sender;
                }
                else {
                    if (chkCur != null)
                        $(chkCur).prop("checked", false);
                    chk2 = sender;
                }
                chkCur = chk2;
            }
        }

        function doCompare() {
            window.location.href = "/so-sanh-truong.html?t1=" + $(chk1).val() + "&t2=" + $(chk2).val();
        }
    </script>
</asp:Content>